<script>
import LetterItemVue from '../components/LetterItem.vue';
import data from '/src/assets/data.js'
export default{
    components:{
        LetterItemVue,
    },
    data(){
        return{
            json : data
        }
    },
    mounted(){
    }
    
}


</script>
<template>
<div class="list">
    <LetterItemVue class="LetterItemVue" v-for="letterItem in json" :item="letterItem"></LetterItemVue>    
</div>


</template>


<style scoped>

.list{
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    
}

.list .LetterItemVue{
    margin: 30px;
}

    
</style>